<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Untitled Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK href="../../css/biz.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<SCRIPT type=text/javascript>
</SCRIPT>
<DIV>
  <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
    <TBODY>
      <TR  class="bg_header"  height=47>
        <TD width=10><SPAN class="main_hl"></SPAN></TD>
        <TD>
        <SPAN class="main_hl2"></SPAN>
        <SPAN class="main_hb">修改角色 </SPAN>
        <SPAN class="main_hr"></SPAN>
      	</TD>
        <TD  class="main_rc " width=10></TD>
      </TR>
      <TR>
        <TD class="main_ls">&nbsp;</TD>
        <TD class="main_nu" vAlign=top align=middle>
          <DIV>
          <form method="post" name="myform"> 
            <TABLE class=gridView style="WIDTH: 80%; BORDER-COLLAPSE: collapse"  cellSpacing=0 rules=all  border=1>
              <TBODY>
                <TR>
                  <TH class=gridViewHeader  colspan="4" >角色信息</TH>
                </TR>
                <TR>
                  <TD class=gridViewItem>角色ID </TD>
                  <TD class=gridViewItem><input class=gridViewItem type="text"  value="1001" name="UserID"></TD>
                  <TD class=gridViewItem>角色名称</TD>
                  <TD class=gridViewItem><input  class=gridViewItem type="text" value="系统管理员" name="UserName"></TD>
                </TR>
               <TR>
                  <TD class=gridViewItem >角色描述 </TD>
                  <TD class=gridViewItem >商品销售系统后台管理</TD>
				  <TD class=gridViewItem >当前权限 </TD>
				  <TD class=gridViewItem>浏览商品，删除商品 </TD>
                </TR>
				 <TR   >
                  <TD class=gridViewItem >权限控制 </TD>
                  <TD class=gridViewItem colspan="3">
				
						<p>选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，或在选择项上双击进行添加和移除。</p>  
						
						<table border="0" width="300">  
						<tr>  
						<td width="40%">  
						<select  style="WIDTH:100% ;color:#566984"  multiple name="list1" size="7" ondblclick="moveOption(document.myform.list1, document.myform.list2)">  
						<option  value="浏览商品">浏览商品</option>  
						<option value="删除商品">删除商品</option>  
						<option value="编辑商品">编辑商品</option>  
						<option value="处理订单">处理订单</option>  
						<option value="添加商品">添加商品</option>  
						<option value="删除订单">删除订单</option>
						<option value="编辑排行榜">编辑排行榜</option>
						</select>  
						</td>  
						<td width="20%" align="center">  
						<input class=button type="button" value="添加" onclick="moveOption(document.myform.list1, document.myform.list2)"><br/>  
						<br/>  
						<input  class="button"  type="button" value="删除" onclick="moveOption(document.myform.list2, document.myform.list1)">  
						</td>  
						<td width="40%">  
						<select style="WIDTH:100%;color:#566984" multiple name="list2" size="7" ondblclick="moveOption(document.myform.list2, document.myform.list1)">  
						</select>  
						</td>  
						<td>  
						<!--<button onclick="changepos(list2,-1)" type="button">上移</button>  
						<br/>  
						<button onclick="changepos(list2,1)" type="button">下移</button> --> 
						</td>  
						</tr>  
						</table>  
						<!--值：<input type="text" name="city" size="40">  -->
						
				
				  </TD>
                </TR>
                <TR>
                  <TD class=gridViewItem  colspan="4" >
                <input class=cmdField type="submit" value="提交">&nbsp;&nbsp;&nbsp;
                  </Td>
                </TR>
              </TBODY>
            </TABLE>
            </form> 
          </DIV>
        </TD>
        <TD class="main_rs"></TD>
      </TR>
      <TR class="main_fs" height=10>
        <TD class="main_lf"></TD>
        <TD class="main_fs"></TD>
        <TD class="main_rf"></TD>
      </TR>
    </TBODY>
  </TABLE>
</DIV>

<script language="JavaScript">  
<!--   
function moveOption(e1, e2){   
try{   
for(var i=0;i<e1.options.length;i++){   
if(e1.options[i].selected){   
var e = e1.options[i];   
e2.options.add(new Option(e.text, e.value));   
e1.remove(i);   
ii=i-1   
}   
}   
document.myform.city.value=getvalue(document.myform.list2);   
}   
catch(e){}   
}   
function getvalue(geto){   
var allvalue = "";   
for(var i=0;i<geto.options.length;i++){   
allvalue +=geto.options[i].value + ",";   
}   
return allvalue;   
}   
function changepos(obj,index)   
{   
if(index==-1){   
if (obj.selectedIndex>0){   
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))   
}   
}   
else if(index==1){   
if (obj.selectedIndex<obj.options.length-1){   
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))   
}   
}   
}   
//-->  
</script> 
</BODY>
</HTML>
